<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>

    <%@ include file="/WEB-INF/include/meta.jsp"%>
    <%@ include file="/WEB-INF/include/css.jsp"%>

</head>
<body>

  <div class="page-group">
    <div class="page page-current">

      <header class="bar bar-nav fs-header-small">
        <a href="${ctx.host}/profile/courses/${courseId}/bmr-records"
          class="icon icon-left pull-left"></a>
        <h1 class="title">记录三围数据</h1>
      </header>

      <div class="content">
        <form method="post" action="${ctx.host}/profile/courses/${courseId}/bmr-records/create">
          <input type="hidden" name="_method" value="PATCH" />
          
          <div class="list-block shop-list">
            <ul>
              <!-- Text inputs -->
              <li>
                <div class="item-content">
                  <div class="item-inner">
                    <div class="item-title label" style="width: 15%;">胸围：</div>
                    <div class="item-input">
                      <input type="number" name="bust" placeholder="请输入胸围">
                    </div>
                    <div class="item-title label" style="width: 5%;">cm</div>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner">
                    <div class="item-title label" style="width: 15%;">腰围：</div>
                    <div class="item-input">
                      <input type="number" name="waist" placeholder="请输入腰围">
                    </div>
                    <div class="item-title label" style="width: 5%;">cm</div>
                  </div>
                </div>
              </li>
              <li class="item-content">
                <div class="item-inner">
                  <div class="item-title label" style="width: 15%;">臀围：</div>
                  <div class="item-input">
                    <input type="number" name="hips" class="text-right" placeholder="请输入臀围">
                  </div>
                  <div class="item-title label" style="width: 5%;">cm</div>
                </div>
              </li>
              <li class="item-content">
                <div class="item-inner">
                  <div class="item-title label" style="width: 15%;">体重：</div>
                  <div class="item-input">
                    <input type="number" name="weight" class="text-right" placeholder="请输入体重">
                  </div>
                  <div class="item-title label" style="width: 5%;">kg</div>
                </div>
              </li>
            </ul>
          </div>
          <nav class="bar bar-footer product-detail-footer">
            <a href="javascript:void();" class="button button-fill button-buy" style="margin-right: 0;">确定</a>
          </nav>
        </form>
      </div>
      
    </div>
  </div>
  <%@ include file="/WEB-INF/include/script.jsp"%>
    <d:resource type="script" root="${ctx.resource}/build" src="js/page/course/bwh-record-create.js" />
    <script type="text/javascript">
      require(['page/course/bwh-record-create'], function(page) {
        page.init({
        	courseRoundId: ${courseId}
        })
      })
    </script>
</body>
</html>